@import '../../default/css/style.scss';

@mixin definitions($main, $main-background, $light-grey) {
    &.git-pull-requests {
        background: $main-background;

        .main .content {
            background: #ffffff;
        }
    }

    #pull-request,
    .dashboard {
        background: $main-background;
    }

    #pull-request-overview,
    #timeline {
        border: 1px solid $light-grey;
    }

    #modal-generate-pull-request .modal-header {
        border-color: $main;
    }

    #plugin_git_reference h1 .badge {
        background: $main;
    }

    .pull-request-event:not(.inline-comment) {
        border-color: transparentize($main, .7);
    }

    #modified-files h3 .badge {
        background: $main;
    }

    #file-diff .CodeMirror .inline-comment {
        .comment {
            border-color: $main;
        }

        .info {
            background: $main;
        }
    }

    #file-diff .CodeMirror .new-inline-comment .new-inline-comment-content {
        border-color: $main;
    }

    #file-diff .CodeMirror .inline-comment .arrow,
    #file-diff .CodeMirror .new-inline-comment .arrow {
        border-color: transparent $main transparent transparent;
    }

    #file-diff .CodeMirror .CodeMirror-lines .CodeMirror-gutter-wrapper:hover .CodeMirror-gutter-elt {
        background: $main;
    }

    #pullrequest-app {
        border-top: 2px solid $main;
    }

    .pull-request-summary:hover {
        border-color: transparentize($main, .5);
    }

    .pull-request-header {
        background: $main-background;
    }
}

body {
    @import 'variables-orange';
    @include definitions($main, $main-background, $light-grey);

    &.FlamingParrot_Blue {
        @import 'variables-blue';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_Green {
        @import 'variables-green';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_BlueGrey {
        @import 'variables-bluegrey';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_Purple {
        @import 'variables-purple';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_Red {
        @import 'variables-red';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkOrange {
        @import 'variables-darkorange';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkBlue {
        @import 'variables-darkblue';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkGreen {
        @import 'variables-darkgreen';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkBlueGrey {
        @import 'variables-darkbluegrey';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkPurple {
        @import 'variables-darkpurple';
        @include definitions($main, $main-background, $light-grey);
    }

    &.FlamingParrot_DarkRed {
        @import 'variables-darkred';
        @include definitions($main, $main-background, $light-grey);
    }
}
